<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>WELCOME</title>

    <link id="localeCSS" rel="stylesheet" type="text/css" href="germany.css"/>

    <script type="text/javascript" src="jquery/jquery-2.0.3.min.js"></script>

    <style type="text/css">
        html, body {
            height: 100%;
        }
    </style>

    <script>
        var locales = ["germany.css", "dutch.css"];
        var index = 0;
        $(function () {
            $("div").each(function () {
                $(this).click(function () {
                    index++;
                    $("#localeCSS").attr("href", locales[index]);
                    if (index >= 1) {
                        index = -1;
                    }
                })
            });
        });
    </script>
</head>
<body style="margin: 0;padding: 0;">
<div id="header" style="height: 20%"></div>
<div id="content" style="height: 60%"></div>
<div id="footer" style="height: 20%;"></div>
</body>
</html>